<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Decoder example</title>
    <style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }

    div {
        text-align: center;
    }

    span {
        color: red;
    }

  </style>
</head>
<body>
<div>
    <form action="/add" method="post">
        <table>
            <tr>
                <th>Name: <input type="text" name="name"> <span>{{errors.name}}</span></th>
                <th>Age: <input type="text" name="age"> <span>{{errors.age}}</span></th>
                <th>Address: <input type="text" name="title"> <span>{{errors.contact-address-title}}</span>
                </th>
            </tr>
        </table>
        <input type="submit" value="Submit">
    </form>
</div>
<br>
<table>
    <tr>
        <th>Name</th>
        <th>Age</th>
        <th>Address</th>
    </tr>
    {{#contacts}}
    <tr>
        <th>{{name}}</th>
        <th>{{age}}</th>
        <th>{{address.title}}</th>
    </tr>
    {{/contacts}}
</table>
</body>
</html>
